@import "../base"

.user_games
  height: 100%
  width: 100%
  display: flex
  flex-direction: column
  color: $font_color_title

  li
    background: #525151
    &:hover
      background: #484848

  .game_cart
    display: flex
    flex-direction: row
    align-items: center

    GameItemIdCard
      display: block

    input
      appearance: none
      border: none
      outline: none
      cursor: pointer

    .download_game
      margin-left: 20px
      font-size: 20px
      color: #03e9f4
      cursor: pointer

    .rate_content
      margin-left: 20px
      display: flex
      flex-flow: row
      float: left
      /* 选中所有为name属性的选择器 */





      input[type="checkbox"]
        font-family: "iconfont", serif
        font-size: 30px
        padding-right: 10px
        transition: all 0.4s ease
      /*元素变化的过渡时间*/





      input[type="checkbox"]::after
        content: "♥"
        color: #999

      input[type="checkbox"]:checked::after
        content: "♥"
        color: #d34242

      input[type="checkbox"]:hover
        transform: scale(1.5)

      input[type="checkbox"]:hover::after
        content: "♥"
        color: #7cd342

  .page_ps
    padding: 10px
    font-size: $font_size * 0.9


  .ToUpdateAppraise
    text-align: center
    padding: 20px
    display: block
    background: #1a1a1a
    width: 300px

    &:hover
      background: #85d0d0
      color: black
